<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>

<%@page import="com.sentiment.config.Config" %>

<%
String rlPath = Config.relativePath;

String absPath = Config.projectRootPath;
%>

<!DOCTYPE html>
<html>

<head>
<meta http-equiv="content-type" charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>互联网舆情监测云平台</title>

    <!-- Bootstrap Core CSS -->
    <link href="<%=rlPath%>/WebPage/css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery -->
    <script src="<%=rlPath%>/WebPage/js/jquery-1.11.1.min.js"></script>

    <!-- Bootstrap Core JavaScript -->


    <script src="<%=rlPath%>/WebPage/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="<%=rlPath%>/WebPage/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
    <script type="text/javascript" src="<%=rlPath%>/WebPage/js/bootstrap-datetimepicker.fr.js" charset="UTF-8"></script>
    <script src="<%=rlPath%>/WebManagement/js/register.js"></script>
    <script src="<%=rlPath%>/WebPage/js/from_ck.js"></script>
	<link href="<%=rlPath%>/WebPage/css/style.css" rel="stylesheet">
	<link href="<%=rlPath%>/WebPage/css/mycss.css" rel="stylesheet">
	<link href="<%=rlPath%>/WebPage/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
    <script type="text/javascript">
		var BASE_PATH = '${pageContext.request.contextPath}';
	</script>
</head>

<body >
<div class="container yaheifont main">
<div class=" left-form">

	

	<h1 class="page-header">用户注册</h1>
	<form action="<%=rlPath%>/RegisterServlet?method=Register"  method="post">
	<div class="row">
	<div class="col-md-2">
	  &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用户名
	</div>
	<div class="col-md-7 listyle">
		<input name="username" type="text" placeholder="用户名" required="required" value="" onBlur="chkUserName(this)" id="username">
	<!-- 	<a href="#" class="icon ticker"> </a> -->
		<div class="clear"> </div>
	</div>
	<div class="col-md-3">
		<SPAN id="username_notice" >*</SPAN>
	</div> 
	</div>
	<br>
	<div class="row">
	<div class="col-md-2">
	&nbsp;&nbsp;&nbsp;手机号码
	</div>
	<div class="col-md-4 listyle">
		<input name="phonenumb" type="text" placeholder="手机号码" pattern="[0-9]{11}"  required="required" onBlur="chkPhoneNum(this)">
		<div class="clear"> </div>
	</div> 
	<div class="col-md-3">
	<button name="sendmsg" class="btn_message btn_green">获取验证码</button>
	</div>
	<div class="col-md-3">
		<SPAN id="phonenum_notice" >*</SPAN>
	</div>
	</div>
	<br>
	
	<div class="row">
	<div class="col-md-2">
	短信验证码
	</div>
	<div class="col-md-7 listyle">
		<input name="checknode" type="text" placeholder="短信验证码" required="required">
	<!-- 	<a href="#" class="icon ticker"> </a> -->
		<div class="clear"> </div>
	</div> 
	</div>
	
	<br>
	<div class="row">
	<div class="col-md-2">
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;密码
	</div>
	<div class="col-md-7 listyle">
		<input name="password" type="password" placeholder="密码" required="required" id="password" onblur="check_password(this)">
		<!-- <a href="#" class="icon ticker"> </a> -->
		<div class="clear"> </div>
	</div> 
	<div class="col-md-3 ">
		<SPAN id="password_notice" >*</SPAN>
	</div> 
	</div>
	<br>
	<div class="row">
	<div class="col-md-2">
	&nbsp;&nbsp;&nbsp;确认密码
	</div>
	<div class="col-md-7 listyle">
		<input name="confirm-password" type="password" placeholder="确认密码" required="required" id="confirm-password" onblur="check_conform_password(this)">
		<!-- <a href="#" class="icon ticker"> </a> -->
		<div class="clear"> </div>
	</div> 
	<div class="col-md-3 ">
		<SPAN id="conform_password_notice" >*</SPAN>
	</div> 
	</div>
	
	<br>
	<div class="row">
	<div class="col-md-2">
	身份证号码
	</div>
	<div class="col-md-7 listyle">
		<input id="idcardnumb" name="idcardnumb" type="text" placeholder="身份证号码" onblur="checkIDCard(this)"  required="required">
	<!-- 	<a href="#" class="icon ticker"> </a> -->
		<div class="clear"> </div>
	
	</div> 
	<div class="col-md-3 ">
		<SPAN id=idcard_notice >*</SPAN>
	</div> 
	</div>
	
	<br>
	<div class="row">
	<div class="col-md-2">
	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;邮箱
	</div>
	<div class="col-md-7 listyle">
		<input name="email" type="text" placeholder="邮箱" required="required" onblur="checkEmail(this)" id="email">
		<!-- <a href="#" class="icon into"> </a> -->
		<div class="clear"> </div>
	</div> 
	<div class="col-md-3 ">
		<SPAN id="email_notice" >*</SPAN>
	</div> 
	</div>
	
	<br>
	<div class="row">
	<div class="col-md-2">
	&nbsp;&nbsp;&nbsp;出生日期
	</div>
	<div class="input-group date form_date col-md-7" id="datetimepicker" data-date="" data-date-format="dd-mm-yyyy">
    <input  name="birth" class="form-control" size="16" type="text" placeholder="出生日期" required="required" readonly>
    <span class="input-group-addon"><i class="glyphicon glyphicon-remove"></i></span>
    <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
    </div>  
    </div>  
    
    <br>
	<div id="sex" class="row">
	<label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;性别：</label>
	<label class="checkbox-inline">
     <input type="radio" name="sex" id="female" 
         value="female" checked> 女
   </label>
   <label class="checkbox-inline">
   	<input type="radio" name="sex" id="male" 
         value="male">男
   </label>  
    </div>  
        
    <br>    
	<label class="checkbox"><input id="agreement" type="checkbox" name="checkbox" checked="" >我已阅读并同意《互联网舆情监测云平台》相关协议</label>
	<br>
	<button id="register" type="submit" >注册</button>
	<a href="<%=rlPath%>/login.jsp">已有账号？立即登录</a>
	<a href="<%=rlPath%>/index.jsp"> 回到主页</a>
	<br>
	<div class="clear"> </div>
</form>
</div>
</div>
<br><br>
   <footer>
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <p class="copyright text-muted small">&nbsp&nbsp&nbsp Copyright@四川雷克斯安防科技有限公司，电话TEL:(86-28) 6555 4013  FAX:（86-28）6662 7439地址：成都市武侯区神仙树西路3号2）</p>
                </div>
            </div>
        </div>
    </footer>
    <br>
</body>
</html>
